<template>
  <div class="make-list">
    <div class="btn-group">
      <router-link tag="button" class="btn btn-success" to="/admin/addCard/add">新增</router-link>
    </div>
    <div class="table-responsive">
      <table class="table table-striped table-bordered text-center table-hover">
        <thead>
          <tr>
            <th>id</th>
            <th>name</th>
            <th>age</th>
            <th>sex</th>
            <th>from</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="(item, index) of 10" :key="index">
            <td>1</td>
            <td>张之鉴</td>
            <td>12</td>
            <td>男</td>
            <td>china</td>
          </tr>
        </tbody>
      </table>
    </div>
    <nav aria-label="Page navigation">
      <ul class="pagination">
        <li>
          <a href="#" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li>
          <a href="#" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a>
        </li>
      </ul>
    </nav>
  </div>
</template>

<script>
export default {
  name: 'addCardIndex'
}
</script>
